import React, { Component } from 'react';
import { StyleSheet, Text, View, Button, Platform } from 'react-native';
import Ionicons from 'react-native-vector-icons/Ionicons';
import { StackNavigator, TabNavigator } from 'react-navigation';
import { Tabs } from './components/tabNav.js';
import { CohoLight } from './components/products/cohoLight.js'

const HomePage = TabNavigator(
    Tabs,
    {
        tabBarPosition: 'bottom',
        animationEnabled: true,

        tabBarOptions: {
            indicatorStyle: {
                top: 0,
            },
            showLabel: true,
            showIcon: true,
            activeTintColor: Platform.OS === 'ios' ? '#e91e63' : '#fff',
            labelStyle: {
                fontSize: 10,
                margin: 0,
            },
            style: {
                height: 52,
            },
            allowFontScaling: true,
            scrollEnabled: false,
        },
    });

// 路由  默认首页为第一个
export const SimpleApp = StackNavigator({
  Home: { screen: HomePage},
  CohoLight:{screen:CohoLight},
});

export default class App extends Component {
    render() {
        return <SimpleApp />;
    }
}